#{extends 'main.html' /}
#{set title:'Transat | Liste des courses' /}
#{set 'moreStyles'}#{stylesheet 'liste_course.css' /}#{/set}

#{if message}
	<div class="message_validation">
		${message}
	</div>
#{/if}

<div id="liste_course">
	<h3>Liste des courses</h3>
	#{form @list_recherche()}	
		<br/>
		<div id="champs_recherche">
			#{field 'rechercher'}
		        <span>Rechercher :</span>
		        <input type="text" name="${field.name}" id="input_recherche" size="30"
		            value="#{if rechercher}${rechercher}#{/if}#{else}nom de course ou login joueur#{/else}" onClick="this.value='';" />
		    #{/field}
		</div>
		<div id="trier_par">
			#{field 'trier'}
		        <span>Trier par :</span>
		        <select name="${field.name}" id="select_trier">
		        	<option #{if trier}#{if trier=="titre_course"}selected#{/if}#{/if} value="titre_course">Nom</option>
		        	<option #{if trier}#{if trier=="ville_depart"}selected#{/if}#{/if} value="ville_depart">Ville départ</option>
		        	<option #{if trier}#{if trier=="ville_arrivee"}selected#{/if}#{/if} value="ville_arrivee">Ville d'arrivée</option>
		        	<option #{if trier}#{if trier=="date_debut_course"}selected#{/if}#{/if}#{else}selected#{/else} value="date_debut_course">Date de début</option>
		        	<option #{if trier}#{if trier=="date_fin_course"}selected#{/if}#{/if} value="date_fin_course">Date de fin</option>
		        	<option #{if trier}#{if trier=="nb"}selected#{/if}#{/if} value="nb">Nb participants</option>
		        </select>
		    #{/field}
		</div>
		<div id="trier_ordre">
			#{field 'ordre'}
		        <span>Ordre :</span>
		        <select name="${field.name}" id="ordre_trier">
		        	<option #{if ordre}#{if ordre=="asc"}selected#{/if}#{/if} value="asc">Croissant</option>
		        	<option #{if ordre}#{if ordre=="desc"}selected#{/if}#{/if}#{else}selected#{/else} value="desc">Décroissant</option>
		        </select>
		    #{/field}
		    <input type="submit" value="Filtrer" class="bouton" />
		</div>
	#{/form}
	#{if courses.size() > 0}
		<table>
			<tr>
				<th>Nom</th>
				<th>Départ</th>
				<th>Arrivée</th>
				<th>Date début</th>
				<th>Date fin</th>
				<th>Nb participants</th>
				<th>Etat</th>
				<th>Action</th>
			</tr>
			#{list items:courses, as:'course'}
				<tr>
					<td>${course.titre_course}</td>
					<td>${course.modele.ville_depart.nom_ville}</td>
					<td>${course.modele.ville_arrivee.nom_ville}</td>
					<td>${course.getDateFormater(course.date_debut_course)}</td>
					<td>${course.getDateFormater(course.date_fin_course)}</td>
					<td>${course.getNbParticipant()}</td>
					#{if utilisateur.participeCourse(course.id, utilisateur.id)}
						<td>déjà inscrit</td>
						<td><a href="@{Courses.information(course.id)}">Informations</a></td>
					#{/if}
					#{elseif course.terminer()}
						<td>terminé</td>
						<td><a href="@{Courses.classement(course.id)}">Voir résultats</a></td>
					#{/elseif}
					#{elseif course.enCours() || course.tropTard()}
						<td>en course</td>
						<td><a href="@{Courses.voir(course.id)}">Voir</a></td>
					#{/elseif}
					#{else}
						<td>en attente</td>
						<td><a href="@{Courses.inscription(course.id)}">S'inscrire</a></td>
					#{/else}
				</tr>
			#{/list}
		</table>
	#{/if}
	#{else}
		<p>Aucunes courses ne correspond à votre recherche</p>
	#{/else}
</div>